
.slide-in-bottom-enter-active, .slide-in-bottom-leave-active {
    transition: opacity .5s;
}
.slide-in-bottom-enter-enter, .slide-in-bottom-enter-leave-to{
    opacity: 0;
}

.popup-enter-active, .popup-leave-active {
    transition: opacity .3s;
}
.popup-enter-enter, .popup-enter-leave-to{
    opacity: 0;
}

.list-enter-active, .list-leave-active {
    transition: all .5s;
}
.list-leave-to{
    opacity: 0;
    transform: translateX(-100%);
}

.page-slide-enter-active, .page-slide-leave-active {
    transition: all .3s ease;
  }
.page-slide-leave-active {
transform: translateX(-100%);
}
.page-slide-enter {
transform: translateX(100%);
}
.page-slide-enter, .page-slide-leave-to {
    opacity: 0;
}

.page-slide-left-enter-active, .page-slide-left-leave-active {
    transition: all .3s ease;
  }
.page-slide-left-enter,.page-slide-left-leave-active {
    transform: translateX(100%);
}
.page-slide-left-enter, .page-slide-left-leave-to {
    opacity: 0;
}

.page-slide-bottom-enter-active, .page-slide-bottom-leave-active {
    transition: all .3s ease;
  }
.page-slide-bottom-enter,.page-slide-bottom-leave-active {
    transform: translateY(100%);
}
.page-slide-bottom-enter, .page-slide-bottom-leave-to {
    opacity: 0;
}


.slide-in-enter-active, .slide-in-leave-active {
    transition: transform 0.2s;
    transition-delay: 0.1s;
    transform: translateY(0);
}
.slide-in-enter, .slide-in-leave-to /* .fade-leave-active below version 2.1.8 */ {
    transform: translateY(100%);
}


.slide-in-up-enter-active, .slide-in-up-leave-active {
    transition: transform 0.2s;
    transition-delay: 0.1s;
}
.slide-in-up-enter, .slide-in-up-leave-to /* .fade-leave-active below version 2.1.8 */ {
    transform: translateY(-100%);
}